import logo from './logo.png';
import './App.css';

import React, { Component } from 'react';
 
// const {QRCode} = require('qrcode.react');
import {QRCodeSVG} from 'qrcode.react';

// import {QRCode} from 'qrcode.react';
// import html2canvas from 'html2canvas';

// <MyButton / >

// <QRCode 
			 // style={{width:'100px', height:'50px', color:'red', fontSize:12}} 
			 // size={160}
			 // renderAs={'svg'}
			 // value={value} 
			 // />
			 
// <QRCode id="qrCode"
// 			 		value={value}
// 			 		 size={200} // 二维码的大小
// 			 		 fgColor="#000000" // 二维码的颜色
// 			 		 style={{ margin: 'auto', backgroundColor: 'white', padding: '10px' }}
			 
// 			 />			 

function MyButton() {
	return ( 
		<button style={{width:'100px', height:'50px', color:'red', fontSize:12}} > I 'm a button</button>
	);
}

function QR() {
	
	return ( 
		<button style={{width:'100px', height:'50px', color:'red', fontSize:12}} > I 'm a button2</button>
		
	);
}

function App() {
	const value = 'https://www.example.com';

	return ( 
		<div className = "App" >
			 <QRCodeSVG value="https://www.example.com" />
			 
			 <MyButton  />
		</div>
		
	);
}


 

export default App;